<template>
    <div class="select_input">
        <span v-if="hasLabel" class="label">{{label}}：</span>
        <el-select v-model="selectData" placeholder="">
            <el-option
            v-for="item in options_GJ"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.select_wrap{
			width: 178px;
			height: 24px;
			background: linear-gradient(90deg, rgba(123, 205, 252, 0.1) -42.55%, rgba(123, 205, 252, 0.2) 96.15%);
			border-radius: 2px;
			// transform: matrix(-1, 0, 0, 1, 0, 0);
			display:flex;
			margin-bottom: 15px;
			border: 1px solid rgba(12, 175, 198, .6);
			.label{
				display: inline-block;
				width: 60px;
				color: rgba(255, 255, 255, 0.6);
				padding: 2px 5px;
			}	
			.el-select {
				width:120px;
				height:24px;

				/deep/.el-input {
					input::-webkit-input-placeholder {
						/* WebKit browsers */
						color: rgba(255, 255, 255, 0.6);
					}

					input:-moz-placeholder {
						/* Mozilla Firefox 4 to 18 */
						color: rgba(255, 255, 255, 0.6);
					}

					input::-moz-placeholder {
						/* Mozilla Firefox 19+ */
						color: rgba(255, 255, 255, 0.6);
					}

					input:-ms-input-placeholder {
						/* Internet Explorer 10+ */
						color: rgba(255, 255, 255, 0.6);
					}

					.el-input__inner {
						height:24px;
						// border: 1px solid #235A8D;
						border: none;
						// border-radius: 4px;
						// background: rgba(35, 90, 141, 0.6);
						// color: rgba(255, 255, 255, 0.6);
						color: #FFFFFF;
						background-color: transparent;
						border-radius: 0;
						padding-left: 0;
					}

					.el-select__caret {
						color: rgba(255, 255, 255, 0.6);
						line-height: 24px;
					}
				}
			}
        }

</style>